$w:10rem;
$c:blue;

// 头部
header{
    width: $w;
    height: 1.3333rem;
    display: flex;
    background: $c;
    justify-content: space-between;

    a{
        color: #fff;
        font-size: .5333rem;
        margin-top: .3rem;
        margin-left: .3rem;
    }

    h4{
        font: .5333rem/1.3333rem "微软雅黑";
        color: #fff;
        font-weight: 800;
    }

    .appDown{
        width: 1.28rem;
        img{
            width: .9067rem;
            margin: 0.2rem 0.4rem .2rem 0;
        }

    }
}

.main{
    width: $w;
    ul{
        width: $w;
        display: flex;
        flex-wrap: wrap;
        li{
            width: 4.51rem;
            height: 6.4717rem;
            padding: 1.3333rem .2133rem .2667rem .2133rem;
            border: .0267rem solid #cecece;
            a{
                div{
                    img{
                        width: 3.7333rem;
                        height: 3.7333rem;
                    }
                    &:nth-of-type(2){
                        color: #000;
                        font-size: .4267rem;
                        font-family: '微软雅黑';
                        margin: .1333rem 0;
                    }
                }
                p{
                    font-family: '微软雅黑';
                    margin: 0 0 .2667rem;

                    &:nth-of-type(1){
                        color: #1d6dff;
                        font-size: .4267rem;
                    }

                    &:nth-of-type(2){
                        color: #9d9d9d;
                        font-size: .3467rem;                    }
                }

            }
        }
    }
}

.footer{
    padding-top: .2rem;
    width: $w;
    background: rgb(238, 235, 235);
    .login{
        border: .0267rem solid #cecece;
        height: .88rem;
        a{
            color: #666;
            font: .3733rem/.88rem "微软雅黑";
            height: .88rem;
            padding: 0 .4rem;
            border-right: .0267rem solid #cecece;
            display: inline-block;
            &:nth-of-type(1){
                width: 1.6733rem;
            }
            &:nth-of-type(2){
                width: 2.5067rem;
            }
            &:nth-of-type(3){
                width: 3.34rem;
                padding: 0 .27rem;
            }
        }
    }
    .footTxt{
        text-align: center;
        p{
            margin: .3rem 0;
            a{
                color: #333;
                font-size: .3467rem;
            }
            b{
                font-size: .3467rem;
            }
            &:nth-of-type(2){
                padding-bottom: .3rem;
            }
        }
    }
}